<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/Fristlblist.css" type="text/css" rel="stylesheet" />
<link href="css/login.css" type="text/css" rel="stylesheet" />
<link rel="shortcut icon" href="images/favicon.ico" />
<script src="js/jquery-1.5.1.min.js"></script>
<script src="myjs/liblistjs.js"></script>
<script language="javascript">
   //var urlstring="${urlstring}";
   
	var splbfid="${splbfid}";
	var splbsid="${splbsid}";
	var ppid="${ppid}";
	var jgqjid="${jgqjid}";
	var xhid="${xhid}";
	
   $(document).ready( function() {
	   intitClass();
	   intitf();
	   changMenuButtonClass();
		loginDigBind();
	   
	});//此处结束分号 别误删
	function changMenuButtonClass(){
		$("#menuButton_"+splbfid).addClass("sybutton");
		//var splbfid="${splbfid}";
	}
	function clickgn(id){
		var urlself="lblistList.action?&cpage=1&splbfid="+splbfid;
		if(ppid!=null&&ppid.trim()!=""){
			urlself=urlself+"&ppid="+ppid;
		}
		if(jgqjid!=null&&jgqjid.trim()!=""){
			urlself=urlself+"&jgqjid="+jgqjid;
		}
		if(xhid!=null&&xhid.trim()!=""){
			urlself=urlself+"&xhid="+xhid;
		}
		urlself=urlself+"&splbsid="+id;
		window.location.href=urlself; 
	}
	function clickpp(id){
		var urlself="lblistList.action?&cpage=1&splbfid="+splbfid;
		if(splbsid!=null&&splbsid.trim()!=""){
			urlself=urlself+"&splbsid="+splbsid;
		}
		if(jgqjid!=null&&jgqjid.trim()!=""){
			urlself=urlself+"&jgqjid="+jgqjid;
		}
		if(xhid!=null&&xhid.trim()!=""){
			urlself=urlself+"&xhid="+xhid;
		}
		urlself=urlself+"&ppid="+id;
		window.location.href=urlself; 
	}
	function clickjg(id){
		var urlself="lblistList.action?&cpage=1&splbfid="+splbfid;
		if(splbsid!=null&&splbsid.trim()!=""){
			urlself=urlself+"&splbsid="+splbsid;
		}
		if(xhid!=null&&xhid.trim()!=""){
			urlself=urlself+"&xhid="+xhid;
		}
		if(ppid!=null&&ppid.trim()!=""){
			urlself=urlself+"&ppid="+ppid;
		}
		urlself=urlself+"&jgqjid="+id;
		window.location.href=urlself; 
	}
	function clickxh(id){
		var urlself="lblistList.action?&cpage=1&splbfid="+splbfid;
		if(splbsid!=null&&splbsid.trim()!=""){
			urlself=urlself+"&splbsid="+splbsid;
		}
		if(ppid!=null&&ppid.trim()!=""){
			urlself=urlself+"&ppid="+ppid;
		}
		if(jgqjid!=null&&jgqjid.trim()!=""){
			urlself=urlself+"&jgqjid="+jgqjid;
		}
		urlself=urlself+"&xhid="+id;
		window.location.href=urlself; 
		
	}
	function intitf(){//Pages的一些信息

		
		var cpage="${pages.cpage}";//当前页数
		var zys="${pages.zys}";//总页数
		var jlzts="${pages.jlzts}";//总条数
		
		$("#dqys").append(cpage);//添加到页面上
		$("#jlzts").append(jlzts);//添加到页面上
		$("#zonys").append(zys);//添加到页面上
		var linksup="";
		var linksDown="";

		if(parseInt(cpage)==1){
			linksup="lblistList.action?&cpage="+cpage+"&splbfid="+splbfid;
		}
		if(parseInt(cpage)>1){
			linksup="lblistList.action?&cpage="+(cpage-1)+"&splbfid="+splbfid;
		}
		if(parseInt(cpage)<zys){
			linksDown="lblistList.action?&cpage="+(parseInt(cpage)+1)+"&splbfid="+splbfid;
		}
		
		if(splbsid!=null&&splbsid.trim()!=""){
			if(linksup!=""){
				linksup=linksup+"&splbsid="+splbsid;
			}
			if(linksDown!=""){
				linksDown=linksDown+"&splbsid="+splbsid;
			}
		}
		if(ppid!=null&&ppid.trim()!=""){
			if(linksup!=""){
				linksup=linksup+"&ppid="+ppid;
			}
			if(linksDown!=""){
				linksDown=linksDown+"&ppid="+ppid;
			}
		}
		if(jgqjid!=null&&jgqjid.trim()!=""){
			if(linksup!=""){
				linksup=linksup+"&jgqjid="+jgqjid;
			}
			if(linksDown!=""){
				linksDown=linksDown+"&jgqjid="+jgqjid;
			}
		}
		if(xhid!=null&&xhid!=""){
			if(linksup!=""){
				linksup=linksup+"&xhid="+xhid;
			}
			if(linksDown!=""){
				linksDown=linksDown+"&xhid="+xhid;
			}
		}
		if(linksup!=""){
			$("#upye").attr("href",linksup);
		}
		if(linksDown!=""){
			$("#downye").attr("href",linksDown);
		}	

	}
	function intitClass(){
		



		if($("#gn_id_0").hasClass("curr")==false){
			$("#gn_id_0").addClass("curr");
		}
		if($("#pp_id_0").hasClass("curr")==false){
			$("#pp_id_0").addClass("curr");
		}
		if($("#jg_id_0").hasClass("curr")==false){
			$("#jg_id_0").addClass("curr");
		}
		if($("#xh_id_0").hasClass("curr")==false){
			$("#xh_id_0").addClass("curr");
		}
		
		
		if(splbsid!=null&&splbsid.trim()!=""){
			$("#gn_id_"+splbsid).addClass("curr");
			if($("#gn_id_0").hasClass("curr")){
				$("#gn_id_0").removeClass("curr");
			}
		}
		if(ppid!=null&&ppid.trim()!=""){
			$("#pp_id_"+ppid).addClass("curr");
			if($("#pp_id_0").hasClass("curr")){
				$("#pp_id_0").removeClass("curr");
			}
		}
		if(jgqjid!=null&&jgqjid.trim()!=""){
			$("#jg_id_"+jgqjid).addClass("curr");
			if($("#jg_id_0").hasClass("curr")){
				$("#jg_id_0").removeClass("curr");
			}
		}
		if(xhid!=null&&xhid!=""){
			$("#xh_id_"+xhid).addClass("curr");
			if($("#xh_id_0").hasClass("curr")){
				$("#xh_id_0").removeClass("curr");
			}
		}

	}
	function getAll(){
		 window.location.href="lblistList.action?&cpage=1&splbfid=1"; 
	}
</script>
</head>
<body>
<div class="container"><!--全体-->
<jsp:include page="header.jsp" flush="true" />
   <!--<div class="clearBox10px"></div>  这是用给首页用的-->
   <div class="Navigation">
   <span style="float:left; font-size:12px;">您当前的位置：</span><span style="float:left; font-size:12px;">二鞋库>></span><span style="float:left; font-size:12px;">男鞋</span>
   </div>
   <div class="clearclear"></div><!--清理一下垃圾-->
   <div id="main"><!--main--> 
      <div class="main_left"><!--main的左边部分-->
         <div class="main_left_leibie1"><!--男鞋 女鞋 童鞋 各种鞋-->
            <div class="main_left_dqlb"><span >男鞋</span></div>
            <ul>
                <li><a href="#">男鞋上新区</a></li>
                <li><a href="#">男鞋热卖区</a></li>
                <li><a href="#">男鞋断码区</a></li>
            </ul>
            <div class="main_left_clear"></div>
            <div class="main_left_titile2"><a href="#">女鞋</a></div>
            <div class="main_left_titile2"><a href="#">童鞋</a></div>
            <div class="main_left_titile2"><a href="#">服装</a></div>
            <div class="main_left_titile2"><a href="#">包包</a></div>
         </div><!--男鞋 女鞋 童鞋 各种鞋end-->
         <div class="leftnav"></div>
            <div class="main_left_rmTitle">热卖商品</div><!--热卖标题-->
            <div class="main_leftrmspList">
               <ul>
                 <li><table>
                 <tbody>
                 <tr>
                     <td width="62"><a href="#"><img src="images/sp/aca0d1ce0bcb6512.jpg" width="60" height="60" /></a></td>
                     <td valign="middle" style="padding-left:5px;"><div><a href="#">商品标题</a></div><div>现价：<span style="color: rgb(255, 102, 0); font-weight: bold;">￥369.00</span></div></td>
                 </tr>
                 </tbody>
                 </table></li>
                                  <li><table>
                 <tbody>
                 <tr>
                     <td width="62"><a href="#"><img src="images/sp/aca0d1ce0bcb6512.jpg" width="60" height="60" /></a></td>
                     <td valign="middle" style="padding-left:5px;"><div><a href="#">商品标题</a></div><div>现价：<span style="color: rgb(255, 102, 0); font-weight: bold;">￥369.00</span></div></td>
                 </tr>
                 </tbody>
                 </table></li>
                                  <li><table>
                 <tbody>
                 <tr>
                     <td width="62"><a href="#"><img src="images/sp/aca0d1ce0bcb6512.jpg" width="60" height="60" /></a></td>
                     <td valign="middle" style="padding-left:5px;"><div><a href="#">商品标题</a></div><div>现价：<span style="color: rgb(255, 102, 0); font-weight: bold;">￥369.00</span></div></td>
                 </tr>
                 </tbody>
                 </table></li>
                                  <li><table>
                 <tbody>
                 <tr>
                     <td width="62"><a href="#"><img src="images/sp/aca0d1ce0bcb6512.jpg" width="60" height="60" /></a></td>
                     <td valign="middle" style="padding-left:5px;"><div><a href="#">商品标题</a></div><div>现价：<span style="color: rgb(255, 102, 0); font-weight: bold;">￥369.00</span></div></td>
                 </tr>
                 </tbody>
                 </table></li>
                                  <li><table>
                 <tbody>
                 <tr>
                     <td width="62"><a href="#"><img src="images/sp/aca0d1ce0bcb6512.jpg" width="60" height="60" /></a></td>
                     <td valign="middle" style="padding-left:5px;"><div><a href="#">商品标题</a></div><div>现价：<span style="color: rgb(255, 102, 0); font-weight: bold;">￥369.00</span></div></td>
                 </tr>
                 </tbody>
                 </table></li>
               </ul>
            </div><!--热卖商品到此结束-->
      </div><!--main的左边部分end-->
      
<!--下面开始main右边部分的编写-->      
      
      <div class="main_right"><!--main的右边部分begin-->
      <div class="main_right_search"><!--右边检索框begin-->
         <div class="main_right_searchTitle">商品筛选</div>
           <div class="main_right_searchcon"><!--右边检索总框-->
           <div><!--右边检索内容框begin-->
              <table>
               <tbody>
                <tr>
                   <td class="tbstyle">功能：</td>
                   <td class="tbconStyle"><a onclick="getAll()" class="curr" href="#" id="gn_id_0" >全部</a></td>
                   <td class="tbconRstyle" id="asdf">
                   <s:iterator value="lstSplb_s">
                   <a id="gn_id_<s:property value="splbsid" />" onclick="clickgn(<s:property value="splbsid" />)"href="#"><s:property value="splbm" /></a>
                   </s:iterator>
                   </td>
                </tr>
                <tr>
                 <td class="tbstyle">品牌：</td>
                   <td class="tbconStyle" ><a onclick="getAll()" class="curr" href="#" id="pp_id_0">全部</a></td>
                   <td class="tbconRstyle">
                   <s:iterator value="lstSppp">
                     <a onclick="clickpp(<s:property value="spppid" />)" href="#" id="pp_id_<s:property value="spppid" />" /><s:property value="spppm" /></a>
                   </s:iterator>
                   </td>
                </tr>
                <tr>
                <td class="tbstyle">价格区间：</td>
                   <td class="tbconStyle"><a onclick="getAll()" class="curr" href="#" id="jg_id_0">全部</a></td>
                   <td class="tbconRstyle">
                   <s:iterator value="lstJgqj">
                   <a onclick="clickjg(<s:property value="jgqjid" />)" href="#" id="jg_id_<s:property value="jgqjid" />"><s:property value="jgqjnr" /></</a>
                   </s:iterator>
                   </td>
                </tr>
                </tbody>
              </table>
           </div><!--右边检索内容框end-->
             <div class="chima"><!--右边检索尺码框-->
               <table>
                   <tbody>
                     <tr>
                        <td class="tbchimaTit">尺码：</td>
                        <td  style=" padding:0 0 10px 4px;;"><a onclick="getAll()" class="curr" href="#" id="xh_id_0">全部</a></td>
                        <td>
                        <ul>
                        <s:iterator value="lstSpxh">
                          <li><a onclick="clickxh(<s:property value="xhid" />)" href="#" id="xh_id_<s:property value="xhid" />"><span><s:property value="spxhnr" /></span></a></li>
                        </s:iterator>
                        </ul>
                        </td>
                     </tr>
                   </tbody>
               </table>
             </div><!--右边检索尺码框end-->
           </div><!--右边检索总框end-->
      </div><!--右边检索框end-->
      <div class="main_right_nav"></div>
        <div class="main_right_spList"><!--右边商品List-->
           <div class="main_right_spListTit"><!--右边商品List排序方式以及分页-->
              <table>
                <tbody>
                   <tr>
                     <td style="height:27px; line-height:27px;">
                        <div style="margin-top:4px;">
                           <label style="margin-left:10px; color:#333333">排序方式：</label>
                           <select style=" width:150px;">
                              <option value="">11111</option>
                              <option value="">11111</option>
                              <option value="">11111</option>
                           </select>
                        </div>       
                     </td>
                     <td style="width:200px;">
                      <div style="text-align:left; padding-left:20px;">
                      <a href="#">价格</a>
                      <a href="#">销量</a>
                      <a href="#">评论</a>
                      <a href="#">人气</a>
                      </div>
                     </td>
                     <td>
                       <div>
                       总共找到<span style="color:#FE0064" id="jlzts"></span>个商品
                       </div>
                     </td>
                     <td>
                        <table>
                          <tr>
                            <td width="50px;" style="text-align:right;">
                              <span id="dqys" style="background:none repeat scroll 0 0 #CC3300;color:#FFFFFF;padding:2px 5px;"></span>/<span id="zonys"></span>
                            </td>
                            <td width="60px;">
                             <a id="upye">上一页</a>
                            </td>
                            <td width="60px;">
                             <a id="downye">下一页</a>
                            </td>
                          </tr>
                        </table>
                     </td>
                   </tr>
                </tbody>
              </table>
           </div><!--右边商品List排序方式以及end-->
           <div class="main_right_clear"></div><!--清楚一下影响-->
           <div class="main_right_spzsq"><!--右边商展示区beagin-->
           <!--此处循环开始-->
           <div id="spzsq">  <!--放商品的！--> 
          <!-- 注意一下 mark一下这里 --> 
           <s:iterator value="lstSpxx">
           <div class="main_secondSP"><!--第二个以及以上-->
                <div class="goodsPic"><!--放商品图片的beagin-->
               <a target="_blank" href="spxxinfo.action?spxxid=<s:property value="spxxid" />"><img src="<s:property value="sptp" />" /></a>
              </div><!--放商品图片的end-->
              <div><!--放商品各种信息的-->
                <table>
                 <tr>
                  <td>
                    <ul style="list-style:none; float:left;">
                       <li style="float:left;"><span class="fontListSPjiage"><s:property value="spsj" /></span></li>
                       <li><span class="mktprice1">￥<s:property value="spyj" /></span></li>
                    </ul>
                  </td>
                 </tr>
                <tr><td class="fontlinkSPBT" height="25"><a href="#" >
                <s:if test="spbt.length()>20">
                <s:property value="spbt.substring(0,20)+'...'" />
                </s:if>
                <s:else>
                <s:property value="spbt" />
                </s:else>
                </a></td></tr>
                <tr><td class="fontlinkSPBT"><span class="fontz">总销量：<s:property value="xssl" /></span><span class="fontblue"><a href="#">(220人评论)</a></span></td></tr>
                </table>
              </div>
           </div><!--第二个以及以上end-->
           </s:iterator>
           <div class="clearBoth"></div>
           </div><!--放商品的end！-->
           <!--循环至此-->

           
           
           
           
           
           
           
           <div class="dibu">
              <table>
                <tbody>
                  <tr>
                    <td>上一页</td>
                    <td>页数</td>
                    <td>下一页</td>
                  </tr>
                </tbody>
              </table>
           </div>           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           
           </div><!--右边商展示区end-->
        </div><!--右边商品List end-->
      </div><!--main的右边部分end-->
   </div><!--main end-->
   
   

   <div class="clearquanti" ></div>
   
   

   
   <div class="footer"><!--footer-->
   
   </div><!--footer end-->
      <jsp:include page="login.jsp" flush="true" />
     <jsp:include page="reg.jsp" flush="true" />
</div><!--全体end-->

</body>
</html>
